<template>
    <div class="example">
        <h5>tableEdit:</h5>
        <section class="table">
            <manage-table-edit :el_tableData="tableData" :el_rapidCSS="$rapidCSS">
                <template slot="tableShow">
                    <el-table-column align="center" prop="date" label="项目" > </el-table-column>
                    <el-table-column align="center" prop="name" label="每小时可预约名额" >
                        <template slot-scope="{row}">
                            <el-input v-model="row.name" placeholder="请输入内容"></el-input>
                        </template>
                    </el-table-column>
                    <el-table-column align="center" prop="type" label="提前X天预约" >
                        <template slot-scope="{row}">
                            <el-select v-model="row.name" placeholder="请选择所属机构" style="width:100%">
                                <el-option label="区域一" value="shanghai"></el-option>
                                <el-option label="区域二" value="beijing"></el-option>
                            </el-select>
                        </template>
                    </el-table-column>
                    <el-table-column align="center" prop="type" label="操作日期" >
                        <template slot-scope="{row}">
                            <el-date-picker v-model="row.date" type="date" placeholder="请选择操作日期" style="width:100%"> </el-date-picker>
                        </template>
                    </el-table-column>
                </template>
            </manage-table-edit>
            <ul class="explain">
                <li>manage-table-edit</li>
                <li> slot-scope 插槽设置输入框，输入内容 </li>
                <li> el_tableData 为表格数据</li>
            </ul>
        </section>
    </div>
</template>
<script>
export default {
    data(){
        return{
            tableData: [
                {
                    date: '2016-05-02',
                    name:"shanghai",
                    type:[]
                }, 
            ],
        }
    },
    
}
</script>